<page-header [title]="'画面追加'">

</page-header>
<form nz-form [formGroup]="form">
  <nz-card [nzBordered]="false">
    <nz-row>
      <sk-form-item skLabel="画面编码" skCol="8" skFor="screenCode" skRequired="false">
        <input nzId="screenCode" nz-input formControlName="screenCode">
      </sk-form-item>
    </nz-row>
    <nz-row>
      <sk-form-item skLabel="画面名称" skCol="8" skFor="screenName" skRequired="false">
        <input nzId="screenName" nz-input formControlName="screenName">
      </sk-form-item>
      <div></div>
    </nz-row>
  </nz-card>
  <nz-card [nzBordered]="false">
    <nz-row>
      <button nz-button (click)="onnull($event)"><i nz-icon type="search"></i>添加</button>
      <button nz-button (click)="onnull($event)"><i nz-icon type="search"></i>删除</button>
    </nz-row>
    <nz-table #itemDataTable [nzData]="itemData">
      <thead>
	  <tr>
       <th>布局</th>
       <th>列</th>
       <th>编码</th>
       <th>类型</th>
       <th>默认值</th>
       <th>默认值类型</th>
       <th>必须</th>
       <th>最大长度</th>
       <th>点击</th>
       <th>改变</th>
       <th>备注</th>
      </tr>
      </thead>
      <tbody>
	    <tr *ngFor="let data of itemDataTable.data">
          <td>{{ data.layoutRow }}</td>
          <td>{{ data.layoutColumn }}</td>
          <td>{{ data.componentCode }}</td>
          <td>{{ data.componentName }}</td>
          <td>{{ data.defaultValue }}</td>
          <td>{{ data.defaultValueType }}</td>
          <td>{{ data.required }}</td>
          <td>{{ data.maxLength }}</td>
          <td>{{ data.clickEvent }}</td>
          <td>{{ data.changeEvent }}</td>
          <td>{{ data.comment }}</td>
        </tr>
      </tbody>
    </nz-table>
  </nz-card>
  <nz-card [nzBordered]="false">
    <nz-row>
      <button nz-button (click)="onSave($event)"><i nz-icon type="save"></i>保存</button>
      <button nz-button (click)="onCancel($event)"><i nz-icon type="close"></i>取消</button>
    </nz-row>
  </nz-card>
</form>
